<!-- 首页 -->

{include file="head" /}

<style>
/* 导航 */
.navbg .logo {
  width: 160px;
  padding-top: 15px;
  float: left;
}

.navbg .logo a {
  display: block;
}

.navbg .logo img {
  width: 100%;
}

/* banner */
.touchSlider {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: -1px;
  z-index: 0;
}

.touchSlider .content {
  width: 100%;
  overflow: hidden;
}

.touchSlider .content li {
  float: left;
  position: relative;
}

.touchSlider .content img {
  width: 100%;
}

.touchSlider .number {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 10px 0px;
  overflow: hidden;
  text-align: center;
  z-index: 1;
}

.touchSlider .number li {
  display: inline-block;
  margin: 0px 3px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
  font-size: 0px;
}

.touchSlider .number li.current {
  width: 15px;
  background: #f00;
}

/* 简单投资 */
.in-species {
  padding: 0 10px;
  height: auto;
}

.in-species .title {
  line-height: 35px;
  padding: 25px 0;
  font-size: 22px;
  text-align: center;
  color: #fff;
}

.in-species .title img {
  width: 35px;
  margin-right: 10px;
}

.in-species .content {
  position: relative;
  height: 240px;
  width: 94%;
  margin: 10px auto;
  background-size: 100%;
}

/* 简易化投资 */
.in-minimalist {
  width: 100%;
  height: auto;
}

.in-minimalist .title {
  line-height: 35px;
  padding: 10px 0 20px;
  font-size: 22px;
  text-align: center;
  color: #fff;
}

.in-minimalist .title img {
  width: 35px;
  margin-right: 10px;
}

.in-minimalist .content {
  position: relative;
  height: 180px;
  width: 100%;
  margin: 10px auto;
  background-size: 100%;
}

/* 简介 */
.about_us {
  padding: 0 10px;
  height: auto;
}

.about_us .title {
  width: 150px;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}

.about_us .title img {
  width: 100%;
  margin-right: 10px;
}

.about_us .content {
  font-size: 12px;
  color: #8c9da6;
  line-height: 23px;
  padding: 0 15px;
}


/* 底部按钮 */
.nav_button {
  position: fixed;
  bottom: 0;
  z-index: 0;
  width: 100%;
  background: #031b28;
  height: 70px;
}

.nav_button .content-padded {
  margin: 10px;
}

.nav_button .btn {
  border-radius: 0;
  border: none;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #fff;
  line-height: 2;
  width: 32%;
  padding: 6px 10px;
}

.nav_button .btn img {
  width: 24px;
  margin-right: 5px;
  vertical-align: text-bottom;
}





</style>

<body>
  <!-- 头部 -->
  <header class="navbg">
      <div class="logo">
        <a href="http:/yy.bigbyte.top/">
          <img src="__HOME__/img/logo_p.png">
        </a>
      </div>
      
      <span class="new_bar" id="sideMenu">
        <img src="__HOME__/img/bar.png">
      </span>		
  </header>


  <!-- banner -->
  <div id="carousel" class="touchSlider" style="height: 187.5px;">
      <div class="content">
          <ul>
            <li><img src="__HOME__/img/carousel_01.png"></li>
            <li><img src="__HOME__/img/carousel_02.png"></li>
          </ul>
      </div>
  </div>
  <script type="text/javascript">
    $(function () {
      $("#carousel").touchSlider(600,300, true, 2000);
    })	
  </script>	


  <!-- 简单投资开始 -->
  <div class="in-species">
    <div class="title">
      <img src="__HOME__/img/icon-01.png">简单投资已成潮流
    </div>
    <div class="content" style="background:url(__HOME__/img/species_bg.png) #031b28 no-repeat;background-size:100%;"></div>
  </div>

  <!-- 极简化投资开始 -->
  <div class="in-minimalist">
    <div class="title"><img src="__HOME__/img/icon-01.png">CC提供简单有趣的极简化投资</div>
    <div class="content" style="background:url(__HOME__/img/minimalist_bg.png) #031b28 no-repeat;background-size:100%;"></div>
  </div>

  <!-- 简介 -->
  <div class="about_us">
		<div class="title">
      <img src="__HOME__/img/logo_o.png">
    </div>
    <div class="content">OPTIONCC是一个金融交易平台，提供简化交易，包括各种相关资产的金融工具，如指数（纳斯达克FTSE-100及以上），货币对（欧元/美元，日元/美元等），商品（如白银） ，原油，黄金等）和股票期权（沃达丰，谷歌等）。 如果投资者在“资金到期”到期后，可以在每个交易头寸中获得高达85％的投资回报率。请注意我们并不能揭示或解释全部风险和交易金融工具交易（包括差价合约“CFD”）所涉及的其他重要事项。我们在公平和无误导的基础上概述交易金融工具所涉及风险的总体特征。本公司执行一种或多种金融品种的定单，主要是外汇CFD、商品CFD、现货金属CFD、股票CFD和指数CFD。本公司作为当事人或无风险当事人，将是客户定单执行的唯一场所。</div>
  </div>

  <!-- 版权 -->
  <div class="copyright">
    <p>在线咨询：09:00——20:00 电话咨询：（香港）+852-64322383&nbsp; （英国）0-800-088-5535 <br><br>Copyright © 2008-2019 OPTIONCC 中文官网</p>
  </div>


  <!-- 底部按钮 -->

  <!-- TODOLIST2: 按钮跳转 -->
  <div class="nav_button">
    <div class="content-padded">

      <button class="btn" style="background-color: #258e40;">
        <a href="{:Url('/index/index/indexinfo/token/'.$token)}">
        <img src="__HOME__/img/icon_user.png">交易
        </a>
      </button>
      <button class="btn" style="background-color: #2d89bb;" onclick="show_user_modal('modal-deposit')">
        <img src="__HOME__/img/icon_edit.png">存款
      </button>
      <button class="btn" style="background-color: #9f411b;">
        <img src="__HOME__/img/icon_msg.png">咨询
      </button>
    </div>
  </div>


  <!-- TODOLIST2: 弹出框内容 -->

  <div class="canvas-backdrop">
    <div id="sideMenuContainer">
			<div id="Shut_btn">
        <img src="__HOME__/img/Shut.png">
      </div>

			<div class="User_login">
				<form>
          
          <!-- 登录时显示该部分 -->
          <div class="a_login">
						<div class="account">
              <img src="__HOME__/img/wallet.png">我的钱包
            </div>

						<ul class="bute">
              <li>姓名：{$userinfo.nickname?$userinfo.nickname:$userinfo.username}{if $userinfo.otype == 101} (代理商 邀请码：{$userinfo.uid}) {/if}</li>
              <li>余额：<span>${$userinfo.usermoney}</span></li>
              <li>今日盈亏：{$all_ploss}</li>
            </ul>

            
						<ul class="l_nav">
              
				      <li onclick="show_user_modal('modal-deposit')">充值</li>
              <li onclick="show_user_modal('modal-withdraw')">提现</li>
              
              
              <li><a href="{:url('/index/user/index/token/'.$token)}">个人中心</a></li>
              <li><a href="{:Url('/index/index/indexinfo/token/'.$token)}">交易</a></li>
							<li onclick="app_exit()">退出</li>
							<div style="clear: both;"></div>
            </ul>
          </div>
                    

          <!-- 未登录时显示该部分 -->
					<!-- <div class="b_login">
						<div class="h_profile">
              <img src="__HOME__/img/img_head.png">
            </div>
            <div class="handle">
                <button type="button" class="btn log_in">
                    <a href="{:Url('login/mainlogin')}">登录</a>
                </button>
                <button type="button" class="btn register">
                    <a href="{:Url('login/mainlogin')}?parm=register">开立账户</a>
                  </button>
                <button type="button" class="btn trad_btn"> -->
                    <!-- <a href="{:url('/index/index/index/token/'.$token)}">交易平台</a></button>
                <div class="f_pass"> -->
                  <!-- <a href="{:url('index/forgetpwd')}">忘记密码？立即找回</a>
                </div>
            </div>
		      </div>								 -->
        </form>
        

			</div>
			
			<div class="list_box">
				<div class="tit">
          <img src="__HOME__/img/icon_til.png">为什么是OPTIONCC
          <ul class="side_list">
            <li><a href="{:url('login/brand')}">&gt;10年老品牌</a></li>
            <li><a href="{:url('login/integrity')}">&gt;100%诚信兑付</a></li>
					</ul>
				</div>
      </div>
      
      <div class="list_box">
				<div class="tit" style="padding-bottom:30px">
          <img src="__HOME__/img/icon_about.png">关于我们
          <ul class="side_list">
            <li><a href="{:url('login/contact')}">&gt;联系我们</a></li>
            <li><a href="{:url('login/clause')}">&gt;条款规则</a></li>
            <li><a href="{:url('login/payment')}">&gt;付款政策</a></li>
					</ul>
				</div>
			</div>
				
		</div>  
  </div>









  <div class="modal-backdrop hide modal-deposit">
      <div class="modal-backdrop-bg"></div>
      <div class="modal-wrapper" ng-transclude="">
          <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active model-bank-tab">
            <!--todo 头部样式-->
            <header class="navbg">
              <div class="back" onclick="hide_user_modal('modal-deposit')">
                <a>
                  <img src="__HOME__/img/back.png">
                </a>
              </div>
              <!-- <span class="new_bar" id="sideMenu">
                <img src="__HOME__/img/bar.png">
              </span>	 -->
              <h1 class="title">用户入金</h1>
            </header>
              <div class="pay_code_area" style="display: none">
                  <div>
                      <div class="pay_code_img">

                      </div>

                      <p>扫描二维码支付</p>
                      <p><a href="">充值成功点击刷新</a></p>
                      <p><a href="javascript:;" onclick="pay_code_area(0)">关闭</a></p>

                  </div>
              </div>
              <ion-content id="in_money_content" class="scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
                  <header>
                      <ul>

                          {volist name="payment" id="vo"}
                          <li class="pay_channel" >

                              <label class="pay_weixin item item-radio item item-radio" name="pay_type" onclick="check_payid('{$vo.pay_conf_arr.name}')"  value="{$vo.pay_conf_arr.name}">
                                  <input type="radio" name="pay_type" class="ng-pristine ng-untouched ng-valid ng-not-empty" value="{$vo.pay_conf_arr.name}">
                                  <div class="radio-content">
                                      <div class="item-content disable-pointer-events" >
                                          <div class="pay_bank_list_header">
                                              <div class="kuang"></div>

                                              {if $vo.pay_conf_arr.name == 'alipay' || $vo.pay_conf_arr.name == 'qtb_alipay' || $vo.pay_conf_arr.name == 'AlipayCS' || $vo.pay_conf_arr.name == 'AlipayPAZH'}
                                              <i class="pay_alipay_bg"></i>
                                              <article>
                                                  <p class="pay_alipay">
                                <span class="iconfont icon-zhifubao">
                                {elseif $vo.pay_conf_arr.name == 'wxpay' ||  $vo.pay_conf_arr.name == 'qbt_pay_wxpay' ||  $vo.pay_conf_arr.name == 'WeixinBERL' ||  $vo.pay_conf_arr.name == 'Weixin'}
                                <i class="pay_green_bg"></i>
                                <article>
                                                  <p class="pay_green">
                                <span class="iconfont icon-weixin">
                                {else/}
                                <i class="pay_yinlian_bg"></i>
                                <article>
                                                  <p class="pay_yinlian">
                                <span class="iconfont icon--19">
                                {/if}


                                    </span><span class="ng-binding">{$vo.pay_name}</span></p>
                                                  <p  class="ng-hide"><span class="iconfont "></span><span class="ng-binding"></span></p>
                                              </article>
                                          </div>
                                      </div>
                                      <i class="radio-icon disable-pointer-events icon ion-checkmark"></i>
                                  </div>
                              </label>

                              <div  class="pay_bank_list_content ng-hide">
                                  <ion-scroll style="height: 100%;" scrollbar-y="true" scrollbar-x="false" class="scroll-view ionic-scroll scroll-y">
                                      <div class="scroll">
                                          <ul>
                                          </ul>
                                      </div>
                                      <div class="scroll-bar scroll-bar-v">
                                          <div class="scroll-bar-indicator scroll-bar-fade-out"></div>
                                      </div>
                                  </ion-scroll>
                              </div>

                          </li>
                          {/volist}

                      </ul>
                  </header>
                  <div class="out_money_content">
                      <article>
	        	<span>
	        		<i class="iconfont icon--5"></i>
	        		充值金额：
	        	</span>
                          <input type="number" placeholder="请输入金额" required="" value="100" class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required bpprice">
                      </article>
                      <section class="ng-binding"><!-- 单次充值至少￥99起，最多￥20000 --></section>
                      <footer>
                          余额：<span class="ng-binding">{$userinfo.usermoney}</span>

                          <!-- 手续费：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">0%</span>
                          <span ng-show="money_fee.inmoney_fee_type == 1" class="ng-binding ng-hide">￥0</span>
                          实际到账：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">100.00</span> -->

                      </footer>
                      <button class="newbutton outmoneybtn reg_btn"  onclick="submit_deposit()">确认充值</button>
                  </div>
              </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
          </ion-modal-view></div></div>
  <div class="modal-backdrop hide modal-withdraw">
      <div class="modal-backdrop-bg"></div>
      <div class="modal-wrapper" ng-transclude="">
          <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
               <!--todo 头部样式-->
            <header class="navbg">
                <div class="back" onclick="hide_user_modal('modal-withdraw')">
                  <a>
                    <img src="__HOME__/img/back.png">
                  </a>
                </div>
                <!-- <span class="new_bar" id="sideMenu">
                  <img src="__HOME__/img/bar.png">
                </span>	 -->
                <h1 class="title">用户出金</h1>
              </header>
              <ion-content class="out_money_content scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">

                  {if !isset($mybank)}
                  <header class="ifnone_add_bank"  onclick="go_add_bank()">
                      <p>+</p>
                      <p>添加银行卡</p>
                  </header>
                  <div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
                      {else}
                      <div  class="cash">
                          <header class="coldbg hotbg"  style="">
                              <p class="ng-binding">{$mybank.bank_nm}</p>
                              <p class="ng-binding">**** **** **** {$sub_bankno}</p>
                              <i class="iconfont red">{:substr($mybank.bank_nm,0,3)}</i>
                          </header>

                          <article>
	        	<span>
	        		<i class="iconfont icon--4"></i>
	        		提现金额：
	        	</span>
                              <input type="number" placeholder="请输入出金金额" ng-model="outAmount.outamount"  class="cash-price ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required">
                          </article>
                          <section  class="ng-binding">单次提现金额至少￥<span class="cash_min" attrmax="{$conf.cash_max}">{$conf.cash_min}</span></section>
                          <footer>
                              余额：<span class="ng-binding">{$userinfo.usermoney}</span>
                              手续费：<span  class="ng-binding reg_par" attrdata="{$conf.reg_par}">{$conf.reg_par}%</span>
                              实际到账：<span  class="ng-binding true_price" style="display:none"></span>
                          </footer>
                          <button class="newbutton outmoneybtn"  onclick="out_withdraw()">确认出金</button>
                      </div>
                      {/if}
                  </div>

              </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
          </ion-modal-view></div></div>
  <script src="__HOME__/js/lk/user.js"></script>
  <script src="__HOME__/js/lk/jquery.qrcode.js"></script>
  <script src="__HOME__/js/lk/utf.js"></script>
  <script>
      $('#province').change(function(){
          var pid = $(this).val();
          if(pid != ''){
              var url = "{:url('getarea')}"+"?id="+pid;
              $.get(url,function(data){
                  $("#city").html(data);
              });
          }else{
              $("#city").html('<option value="">请选择城市</option>');
          }


      });
      function respass(){
          location.href="{:url('login/respass')}"
      }

  </script>


<!-- TODOLIST2: 点击方法 -->
  <script type="text/javascript">
    $(function () {  
      // 点击汉堡包          
      $("#sideMenu").click(function(e){
        if($("#sideMenuContainer").hasClass("allhide")){
          $("#sideMenuContainer").animate({right:-295},"slow");
          $("#sideMenuContainer").removeClass("allhide");
          return;
        }

        e.stopPropagation();
        $("#sideMenuContainer").animate({right:0},"slow");
        $("#sideMenuContainer").addClass("allhide");
      })	

      //点击关闭 X
      $("#Shut_btn").click(function(e){
        if($("#sideMenuContainer").hasClass("allhide")){
          $("#sideMenuContainer").animate({right:-295},"slow");
          $("#sideMenuContainer").removeClass("allhide");
          return;
        }
      })

      //点击空白的地方
      $(document).click(function(){
        if($("#sideMenuContainer").hasClass("allhide")){
          $("#sideMenuContainer").animate({right:-295},"slow");
          $("#sideMenuContainer").removeClass("allhide");
          $(".canvas-backdrop").fadeOut();
        }
      });

      $("#sideMenu").click(function(){
        $(".canvas-backdrop").fadeIn();
      });

      $("#Shut_btn").click(function(){
        $(".canvas-backdrop").fadeOut();
      });
    })
  </script>

</body>
